:global {
  .am-list-item.am-input-error .am-input-error-extra.mi {
    width: 24px;
  }

  .pull-to-refresh-material__control {
    z-index: 9999;
  }

  .am-list-view-scrollview-content.am-list {
    height: 100%;
  }

  .datepicker {
    .am-modal-transparent .am-modal-content {
      padding-top: 0;

      .am-modal-body {
        padding: 0;
      }
    }
  }

  .am-modal-mask {
    z-index: 999;
  }

  .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .before_star {
    margin-left: -11px;
    display: inline-block;
    margin-right: 4px;
    content: "*";
    font-family: SimSun;
    line-height: 40px;
    font-size: 14px;
    color: #f5222d;
  }

  .my-drawer {
    .footerButtons {
      .am-flexbox-item {
        .am-button {
          height: 40px;
          line-height: 37px;
        }
      }
    }
  }

  .am-modal.mi-upload-img-modal {
    .am-modal-close {
      top: 15px;
    }

    .am-modal-body {
      display: flex;
      align-items: center;

      .am-carousel {
        height: 100% !important;

        .slider-frame {
          height: 100% !important;

          .slider-list {
            height: 100% !important;
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            .flex-align-center();

            .slider-slide {
              top: unset !important;
            }
          }
        }
      }
    }
  }

  .am-modal-body {
    .mform {
      .footerButtons {
        z-index: 1000;
      }
    }
  }

  .mform {
    background: #f7f7f7; //overflow: auto;

    //-webkit-overflow-scrolling: touch;//该属性随着手指离开还会保持滚动
    .footerButtons {
      position: fixed;

      &.searchFromButtons {
        position: unset;
      }

      bottom: 0;
      width: 100%;
      height: 45px;
      padding:5px;
      background: #fff;

      .am-flexbox-item {
        margin-left: 0;

        .am-button {
          height: 40px;
          line-height: 37px; //border-radius: 0;
          font-size: 14px;
        }

        &:not(:last-child) {
          .am-button {
            //border-right: 0;
            margin-right: 5px;
          }
        }
      }
    }

    .iconfont {
      //font-size: 21px !important;
    }

    .page-item {
      &.sortable-chosen {
        border: 1px dashed #1890ff;
      }

      position: relative;

      &.new_group {
        border-top: 5px solid #eee;

        &:after {
          height: 0 !important;
        }
      }

      &.mi-group {
        //border-top:10px solid #eee;
        //border-bottom:10px solid #eee;
        font-weight: 700;
        color: #108ee9;
        background: #fff; //border-bottom:10px solid #eee;
        border-bottom: 5px solid #eee;

        &:not(:first-child) {
          //border-top:10px solid #eee;
          border-top: 5px solid #eee;
        }

        .am-list-item {
          background: unset;

          .am-list-line {
            &>div {
              font-size: 18px;
            }
          }
        }

        &:after {
          height: 0 !important;
        }

        &+.page-item {
          &:after {
            height: 0 !important;
          }
        }
      }

      &:not(:first-child):after {
        content: "";
        position: absolute;
        width: 100%; //height: 1px;
        top: 0;
        left: 0;
        background-color: #eee;
        transform-origin: 0 0; //transform: scaleY(0.5);
      }

      .mi-mwrapper {

        // background: #fff;
        &>div {
          background: #fff;
        }
      }

      .am-list-item {
        .am-list-line {
          border-bottom: 0 !important;
        }

        padding-left: 25px; //min-height: unset !important;

        .am-input-label {
          padding: 0;

          &:after {
            content: ":";
            margin: 0 2px 0 2px;
            position: relative;
            top: -.5px;
          }
        }

        * {
          font-size: 14px;
        }

        &:not(.am-textarea-item) {
          height: 40px;
          line-height: 40px;

          &.mi-text {
            min-height: 40px;
            height: auto;

            .am-input-control {
              padding-top: 8px;
              line-height: 25px;
              white-space: normal;
              word-break: break-all;
            }
          }

          &.mi-radio-group {
            -webkit-box-align: unset;
            -webkit-align-items: unset;
            align-items: unset;

            .am-list-line {

              //padding-top: 7px;
              //padding-bottom:7px;
              .select-more {
                .am-tag {
                  background: #fff;
                  margin: 3px 3px 3px 0;
                  color: #000;
                }
              }

              .radio-group {
                .am-button {
                  //border: 1px solid #ccc;
                  margin: 1px 0;

                  &.am-button-primary {

                    //border-color: #0f8eea;
                    //border-right: 1px solid #0f8eea !important;
                    &+.am-button {
                      //border-left: 0;
                    }
                  }

                  &:not(:last-child) {
                    //border-right: 0;
                  }
                }
              }
            }
          }

          &.required {
            &:before {
              .before_star
            }
          }
        }

        &.am-textarea-item {
          padding-left: 0;
          padding-right: 15px;

          .am-textarea-control {
            padding-top: 8px;
          }

          &.no-label {
            .am-textarea-label {
              width: 0 !important;
              margin-right: 0;
            }
          }

          .am-textarea-label {
            padding-left: 15px;
          }

          &.required {
            .am-textarea-label {
              &:before {
                .before_star
              }
            }
          }

          .am-textarea-label {
            &:after {
              content: ":";
              margin: 0 2px 0 2px;
              position: relative;
              top: -.5px;
            }

            &.am-textarea-label-2 {
              width: 49px;
            }

            &.am-textarea-label-3 {
              width: 66px;
            }

            &.am-textarea-label-4 {
              width: 83px;
            }

            &.am-textarea-label-5 {
              width: 100px;
            }

            &.am-textarea-label-6 {
              width: 117px;
            }

            &.am-textarea-label-7 {
              width: 134px;
            }
          }
        }
      }

      .mi-input-int {
        input {
          //display: block;
          //text-align: center;
          //width: 85px;
          //margin-left: 35px;
          text-align: left;
        }

        .btn {
          position: absolute;
          width: 30px;
          height: 30px;
          line-height: 28px;
          font-size: 18px;
          border: 1px solid #ccc;
          left: 20px;
          top: 8px;
          text-align: center;
          border-radius: 5px;
          color: #777;

          &[disabled] {
            color: #eee;
          }
        }

        .add {
          left: 135px;
        }
      }

      .mi-upload-img {
        .am-input-extra {
          color: #888;
        }

        background: #fff;

        .am-input-label {
          &:after {
            content: "";
          }
        }

        .am-image-picker-list {
          padding: 8px; //padding:0;
          margin: 0;

          .mi-upload-img-wrapper {
            .mi-upload-img-img {
              display: inline-block;
              width: 80px;
              height: 80px;
              padding: 3px;
              border: 1px solid #ccc;
              border-radius: 5px;
              margin-right: 5px;
              position: relative;

              .am-image-picker-item-remove {
                width: 15px;
                height: 15px;
                position: absolute;
                right: 6px;
                top: 6px;
                text-align: center;
                line-height: 14px;
                border-radius: 50%;
                background: #aaa;
                color: #fff;
              }

              img {
                width: 100%;
                display: block;
              }
            }

            .mi-upload-img-btn {
              display: inline-block;
              width: 80px;
              height: 80px;
              border: 1px dashed #ccc;
              border-radius: 5px;
              position: relative;

              &:before {
                width: 1px;
                height: 40px;
                content: " ";
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-color: #aaa;
              }

              &:after {
                width: 40px;
                height: 1px;
                content: " ";
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-color: #aaa;
              }

              input {
                position: absolute;
                width: 100%;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                opacity: 0;
              }
            }
          }
        }
      }

      .mi-datasendbox {
        .am-list-item.am-textarea-item {
          padding-right: 0;
          border: 1px solid #e8e8e8;

          .am-textarea-control {
            padding: 8px;
          }
        }
      }
    }

    .tipsStyle {
      color: #aaaaaa;
      font-size: 13px;
      padding: 5px 0;
      margin: 0 15px;
      border-top: 1px solid #f7f7f7;
    }

    .am-input-error-extra.mi {
      position: relative;
      left: -5px;
    }

    //label对齐方式
    .label-text-align-left {
      .am-input-label {
        text-align: left;
      }
    }

    .label-text-align-center {
      .am-input-label {
        text-align: center;
      }
    }

    .label-text-align-right {
      .am-input-label {
        text-align: right;
      }
    }
  }

  .am-picker-popup-header {
    border-bottom-width: 0 !important;
  }

  .mi-chart-card {
    .ant-card-body {
      padding: 10px !important;
    }
  }

  .antd-pro-charts-chart-card-chartCard .antd-pro-charts-chart-card-content {
    margin-bottom: unset;
  }

  // .am-pull-to-refresh-indicator{
  //   line-height: 60px;
  // }
  .am-pull-to-refresh-content-wrapper {
    min-height: 100%;
    // &>div{
    //   min-height: 667px;
    // }
  }

  .antd-pro-number-info-subTotal {
    float: right;
  }

  .mi-select-display.am-input-error .am-input-error-extra {
    display: block !important;
  }
}